<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米汽车</title>
		<style>
			/* 卡片容器样式 */
			div.product_card{
				width: 340px;
				height: 600px;
				border: 1px solid #ccc;
			}
			/* 汽车图片 */
			div.car{
				width: 300px;
				height: 400px;
				border: 1px solid #ccc;
				background: url(../Day03/img/car.jpg);
				background-size: 100% 100%;
				margin: 0 auto;
				margin-top: 20px;
				}
				/* 标题元素 */
			div+h2{
				width: 100px;
				height: 50px;
				b order: 1px solid red;
				margin: 0 auto;
				margin-top: 20px;
				text-align: center;
			}
			/* 价格 */
			.product_card .price{
				width: 150px;
				height: 50px;
				color: #cc0000;
				font-size: 25px;
				b order: 1px solid red;
				margin: 0 auto;
				text-align: center;
			}
			.product_card .review{
				text-align: center;
				margin-top: 10px;
			}
			.product_card .review span{
				bo rder: 1px solid red;.product_card 
				color: #9f9f9f;
				
			}
		</style>
	</head>
	<body>
		<div class="product_card">
			<div class="car"></div>
			<h2>小米SU7</h2>
			<p class="price">￥279999.00</p>
			<p class="review">
				<span>已有</span>
				<span>10万+</span>
				<span>人评价</span>
			</p>
		</div>
	</body>
</html>